<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <meta name="keyword" content="犀牛故事">
    <meta name="description" content="这是个故事app">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="../components/materialize/dist/css/materialize.css"  media="screen,projection"/>
    <link rel="stylesheet" href="../components/materialize/dist/css/reset.css">
    <link rel="stylesheet" href="../css/r-c.css"/>
</head>
  <header style="width: 100%; height:1.12rem;  background:red;position: fixed;top:0;"></header>
  <article class="s-main-layout" >
     <div class="s-article-layout ">
         <div class="pdlx clearfix">
            <span class="pdlxok">最新</span>
            <span>最热</span>
         </div>
         <ul>
             <li class="s-article-itmes line">
                 <div class="s-article-hd clearfix">
                   <div class="s-user-bd  s-left clearfix ">
                      <div class="avatar">
                          <a href="#"><img src="../images/touxiang.jpg" alt=""/></a>
                      </div>
                       <div class="info">
                         <p class="name"><a href="#">苍蓝</a></p>
                         <p class="date">9分钟前</p>
                       </div>
                   </div>
                   <a href="#" class="s-right s-class1">
                       <i></i>
                       <span>真事</span>
                       <span>·连载完结</span>
                   </a>
                 </div>
                 <div class="s-article-bd">
                      <div class="s-article-img">
                          <a href="#"><img src="../images/1.jpg" alt=""/></a>
                      </div>
                     <h1 class="s-article-tit">
                         <a href="#">一个故事的开始，我也不知何时结束</a>
                     </h1>
                     <div class="s-article-txt ">
                         <a href="#">以为自己会恨连云港的一切不会再在这个城市谈一场恋爱但是却又遇到对一个人产生好感很容易一个微笑一副嗓音一个举动慢慢的对这个人产生兴趣在逐渐了</a>
                     </div>
                     <div class="s-article-fd clearfix">
                         <div class="s-right rightsc">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right rightpl">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right righttj">
                             <i></i>
                             <span>3</span>
                         </div>
                     </div>
                 </div>
             </li>

             <li class="s-article-itmes line">
                 <div class="s-article-hd clearfix">
                     <div class="s-user-bd  s-left clearfix ">
                         <div class="avatar">
                             <a href="#"><img src="../images/touxiang.jpg" alt=""/></a>
                         </div>
                         <div class="info">
                             <p class="name"><a href="#">苍蓝</a></p>
                             <p class="date">9分钟前</p>
                         </div>
                     </div>
                     <a href="#" class="s-right s-class1">
                         <i></i>
                         <span>真事</span>
                         <span>·连载完结</span>
                     </a>
                 </div>
                 <div class="s-article-bd">
                     <div class="s-article-img">
                         <a href="#"><img src="../images/1.jpg" alt=""/></a>
                     </div>
                     <h1 class="s-article-tit">
                         <a href="#">一个故事的开始，我也不知何时结束</a>
                     </h1>
                     <div class="s-article-txt ">
                         <a href="#">以为自己会恨连云港的一切不会再在这个城市谈一场恋爱但是却又遇到对一个人产生好感很容易一个微笑一副嗓音一个举动慢慢的对这个人产生兴趣在逐渐了</a>
                     </div>
                     <div class="s-article-fd clearfix">
                         <div class="s-right rightsc">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right rightpl">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right righttj">
                             <i></i>
                             <span>3</span>
                         </div>
                     </div>
                 </div>
             </li>

             <li class="s-article-itmes line">
                 <div class="s-article-hd clearfix">
                     <div class="s-user-bd  s-left clearfix ">
                         <div class="avatar">
                             <a href="#"><img src="../images/touxiang.jpg" alt=""/></a>
                         </div>
                         <div class="info">
                             <p class="name"><a href="#">苍蓝</a></p>
                             <p class="date">9分钟前</p>
                         </div>
                     </div>
                     <a href="#" class="s-right s-class1">
                         <i></i>
                         <span>真事</span>
                         <span>·连载完结</span>
                     </a>
                 </div>
                 <div class="s-article-bd">
                     <div class="s-article-img">
                         <a href="#"><img src="../images/1.jpg" alt=""/></a>
                     </div>
                     <h1 class="s-article-tit">
                         <a href="#">一个故事的开始，我也不知何时结束</a>
                     </h1>
                     <div class="s-article-txt ">
                         <a href="#">以为自己会恨连云港的一切不会再在这个城市谈一场恋爱但是却又遇到对一个人产生好感很容易一个微笑一副嗓音一个举动慢慢的对这个人产生兴趣在逐渐了</a>
                     </div>
                     <div class="s-article-fd clearfix">
                         <div class="s-right rightsc">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right rightpl">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right righttj">
                             <i></i>
                             <span>3</span>
                         </div>
                     </div>
                 </div>
             </li>

             <li class="s-article-itmes line">
                 <div class="s-article-hd clearfix">
                     <div class="s-user-bd  s-left clearfix ">
                         <div class="avatar">
                             <a href="#"><img src="../images/touxiang.jpg" alt=""/></a>
                         </div>
                         <div class="info">
                             <p class="name"><a href="#">苍蓝</a></p>
                             <p class="date">9分钟前</p>
                         </div>
                     </div>
                     <a href="#" class="s-right s-class1">
                         <i></i>
                         <span>真事</span>
                         <span>·连载完结</span>
                     </a>
                 </div>
                 <div class="s-article-bd">
                     <div class="s-article-img">
                         <a href="#"><img src="../images/1.jpg" alt=""/></a>
                     </div>
                     <h1 class="s-article-tit">
                         <a href="#">一个故事的开始，我也不知何时结束</a>
                     </h1>
                     <div class="s-article-txt ">
                         <a href="#">以为自己会恨连云港的一切不会再在这个城市谈一场恋爱但是却又遇到对一个人产生好感很容易一个微笑一副嗓音一个举动慢慢的对这个人产生兴趣在逐渐了</a>
                     </div>
                     <div class="s-article-fd clearfix">
                         <div class="s-right rightsc">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right rightpl">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right righttj">
                             <i></i>
                             <span>3</span>
                         </div>
                     </div>
                 </div>
             </li>

             <li class="s-article-itmes line">
                 <div class="s-article-hd clearfix">
                     <div class="s-user-bd  s-left clearfix ">
                         <div class="avatar">
                             <a href="#"><img src="../images/touxiang.jpg" alt=""/></a>
                         </div>
                         <div class="info">
                             <p class="name"><a href="#">苍蓝</a></p>
                             <p class="date">9分钟前</p>
                         </div>
                     </div>
                     <a href="#" class="s-right s-class1">
                         <i></i>
                         <span>真事</span>
                         <span>·连载完结</span>
                     </a>
                 </div>
                 <div class="s-article-bd">
                     <div class="s-article-img">
                         <a href="#"><img src="../images/1.jpg" alt=""/></a>
                     </div>
                     <h1 class="s-article-tit">
                         <a href="#">一个故事的开始，我也不知何时结束</a>
                     </h1>
                     <div class="s-article-txt ">
                         <a href="#">以为自己会恨连云港的一切不会再在这个城市谈一场恋爱但是却又遇到对一个人产生好感很容易一个微笑一副嗓音一个举动慢慢的对这个人产生兴趣在逐渐了</a>
                     </div>
                     <div class="s-article-fd clearfix">
                         <div class="s-right rightsc">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right rightpl">
                             <i></i>
                             <span>3</span>
                         </div>
                         <div class="s-right righttj">
                             <i></i>
                             <span>3</span>
                         </div>
                     </div>
                 </div>
             </li>
         </ul>
     </div>
  </article>





<script type="text/javascript" src="../components/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="../components/materialize/dist/js/materialize.min.js"></script>
<script type="text/javascript" src="../components/angular/angular.js"></script>
<script type="text/javascript" src="../components/angular-ui-router/release/angular-ui-router.js"></script>
<script type="text/javascript" src="../script/r-c.js"></script>
</body>
</html>
        